<script setup>

</script>

<template>
  <div>
      <div v-if="$slots.default" class="card-header">
          <slot name="header"></slot>
      </div>
  </div>
</template>

<style scoped>
.card {
  border: 1px solid black;
  padding: 0;
}

.card-header {
  background-color: skyblue;
  padding: 4px;
}

.card-content {
  padding: 4px;
}

.card-footer {
  background-color: lightgray;
  padding: 4px;
}
</style>
